.editor {
    width: 100%;
    height: 100%;

    &- {
        &left {
            position: absolute;
            width: 270px;
            top: 0;
            bottom: 0;
            left: 0;

            &- {
                &item {
                    padding: 10px;
                    margin-bottom: 10px;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    border-bottom: #ccc 1px solid;
                }
            }

        }

        &right {
            position: absolute;
            width: 270px;
            top: 0;
            bottom: 0;
            right: 0;

        }

        &top {
            position: absolute;
            right: 280px;
            left: 280px;
            height: 80px;
            display: flex;

            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        &center {
            padding-left: 280px;
            padding-right: 280px;
            padding-top: 80px;
            height: 100%;

            box-sizing: border-box;

            &- {
                &content {
                    height: 100%;
                    overflow: scroll;

                    &__ {
                        &content {
                            margin: 20px auto;
                            background-color: #ccc;
                            position: relative;
                        }
                    }
                }
            }
        }

        &block {
            position: absolute;

            // &::after {
            //     content: '';
            //     position: absolute;
            //     top: 0;
            //     left: 0;
            //     right: 0;
            //     bottom: 0;
            // }

            &-- {
                &focus {
                    position: absolute;


                    &::after {
                        // 虚线边框
                        border: 2px dashed #62abe6;
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }
                }
            }
        }
    }
}

.mark-lineX {
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 2px dashed #62abe6;
}

.mark-lineY {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 2px dashed #62abe6;
}

.el-button, .el-input {
    transition: none;
}